<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			*{
				margin: 0;
				padding: 0;
			}
			div{
				width: 730px;
				height: 120px;
				border-top: 1px dashed;
				position: relative;
			bottom: 60px;
			}
			#c{
				border-bottom: 1px dashed;
			}
			div img{
				position: relative;
				left: 100px;
			}
			p{
				line-height: 140px;
				position: relative;
				bottom: 700px;
				left: 50px;
			}
		</style>
		<script type="text/javascript">
			var i=2;
			function qx(){
				var l=document.getElementsByName("aaa")
				if(i%2==0){
				for(var i1=0;i1<l.length;i1++){
					l[i1].checked=true
				}
				i++;
				}else{
					for(let i in l){
						l[i].checked=false
					}
					i++;
				}
			}
		</script>
	</head>
	<body>
		<img src="src/list_bg.gif" />
		<div><img src="src/list0.jpg" /></div>
		<div><img src="src/list1.jpg"  id="a"/></div>
		<div><img src="src/list2.jpg" id="b"/></div>
		<div id="c"><img src="src/list3.jpg" id="d"/></div>
		<p><input type="checkbox"onclick="qx()"/>全选</p>
<p><input type="checkbox"name="aaa"/></p>
<p><input type="checkbox"name="aaa"/></p>
	<p><input type="checkbox" name="aaa"/></p>
	<p><input type="checkbox" name="aaa"/></p>
	</body>
</html>
